<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="css/black-tie/jquery-ui-1.9.0.custom.css"
	type="text/css" />
<link rel="stylesheet" href="css/theme1.css" type="text/css" />
<link rel="stylesheet" href="css/style.css" type="text/css" />
<script type="text/javascript" src="js/jquery-1.8.2.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.9.0.custom.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/validation.js"></script>
</head>
<body>
	<jsp:include page="sections/header.jsp" />
	<div id="main">
		<div id="gallery" style="border: 0px; width: 400px;"></div>
		<div id="productAddForm">
			<form method="post" enctype="multipart/form-data" action="productAdditionServlet" onsubmit="return validate_product_addition_form()">
				<h1>Add Product</h1>
				<table>
					<tr>
						<td align="right"><label>Product Name : (*)</label></td>
						<td><input type="text" name="productName" /></td>
						<td id="productNameErrorMsg" class="errorMsg"></td>
					</tr>
					<tr>
						<td align="right"><label>Category : (*)</label></td>
						<td><input type="text" name="category" /></td>
						<td id="categoryErrorMsg" class="errorMsg"></td>
					</tr>
					<tr>
						<td align="right"><label>Brand : (*)</label></td>
						<td><input type="text" name="brand" /></td>
						<td id="brandErrorMsg" class="errorMsg"></td>
					</tr>
					<tr>
						<td align="right"><label>Supplier : (*)</label></td>
						<td><input type="text" name="supplier" /></td>
						<td id="supplierErrorMsg" class="errorMsg"></td>
					</tr>
					<tr>
						<td align="right"><label>Specification 1 (*) : </label></td>
						<td><input type="text" name="spec1" /></td>
						<td id="spec1ErrorMsg" class="errorMsg"></td>
					</tr>
					<tr>
						<td align="right"><label>Specification 2 : </label></td>
						<td><input type="text" name="spec2" /></td>
						<td id="spec2ErrorMsg" class="errorMsg"></td>
					</tr>
					<tr>
						<td align="right"><label>Specification 3 : </label></td>
						<td><input type="text" name="spec3" /></td>
						<td id="spec3ErrorMsg" class="errorMsg"></td>
					</tr>
					<tr>
						<td align="right"><label>Specification 4 : </label></td>
						<td><input type="text" name="spec4" /></td>
						<td id="spec4ErrorMsg" class="errorMsg"></td>
					</tr>
					<tr>
						<td align="right"><label>Specification 5 : </label></td>
						<td><input type="text" name="spec5" /></td>
						<td id="spec5ErrorMsg" class="errorMsg"></td>
					</tr>
					<tr>
						<td align="right"><label>Specification 6 : </label></td>
						<td><input type="text" name="spec6" /></td>
						<td id="spec6ErrorMsg" class="errorMsg"></td>
					</tr>
					<tr>
						<td align="right"><label>Specification 7 : </label></td>
						<td><input type="text" name="spec7" /></td>
						<td id="spec7ErrorMsg" class="errorMsg"></td>
					</tr>
					<tr>
						<td align="right"><label>Specification 8 : </label></td>
						<td><input type="text" name="spec8" /></td>
						<td id="spec8ErrorMsg" class="errorMsg"></td>
					</tr>
					<tr>
						<td align="right"><label>Specification 9  : </label></td>
						<td><input type="text" name="spec9" /></td>
						<td id="spec9ErrorMsg" class="errorMsg"></td>
					</tr>
					<tr>
						<td align="right"><label>Specification 10 : </label></td>
						<td><input type="text" name="spec10" /></td>
						<td id="spec10ErrorMsg" class="errorMsg"></td>
					</tr>
					<tr>
						<td align="right"><label>Description : </label></td>
						<td><textarea name="desc" rows="3"></textarea></td>
						<td id="descErrorMsg" class="errorMsg"></td>
					</tr>
					<tr>
						<td align="right"><label>Price : (*)</label></td>
						<td><input type="text" name="price" /></td>
						<td id="priceErrorMsg" class="errorMsg"></td>
					</tr>
					<tr>
						<td align="right"><label>Discount : (*)</label></td>
						<td><input type="text" name="discount" /></td>
						<td id="discountErrorMsg" class="errorMsg"></td>
					</tr>
					<tr>
						<td align="right"><label>Stock : (*)</label></td>
						<td><input type="text" name="stock" /></td>
						<td id="stockErrorMsg" class="errorMsg"></td>
					</tr>
					<tr>
						<td align="right"><label>Sold  : (*)</label></td>
						<td><input type="text" name="sold" /></td>
						<td id="soldErrorMsg" class="errorMsg"></td>
					</tr>
					<tr>
						<td align="right"><label>Image  : </label></td>
						<td><input type="file" name="image" /></td>
						<td></td>
					</tr>
					<tr>
						<td><input type="submit" id="productAddSubmitButton" class="submitButt" value="Submit" /></td>
						<td><input type="reset" id="productAddResetButton" class="resetButt" value="Reset" /></td>
					</tr>
				</table>
			</form>
		</div>
	</div>

</body>
</html>